<template name="ver">
    <h2>Ver Grupos</h2>
    <div id="borrar" title="Desea borrar este veh&iacute;culo?" style="display: none">
        <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span><strong>Atenci&oacuten!</strong><br/>Al borrar un grupo todos los viajes relacionados a este desaparecer&aacute;n. Desea continuar?</p>
    </div>
    {{pagination}}
    <br/>
    <table style="width: 90%">
        <tr>
            <th>Nombre</th>
            <th>Vehiculos</th>
            <th>Acciones</th>
        </tr>
        <template name="grupo">
        <tr>
            <td>{{nombre}}</td>
            <td>
                <template name="vehiculo"><a href="{{edit_vehiculo}}" class="vehiculo_por_grupo">{{nombre}}</a></template>
            </td>
            <td>
                <div class="editar" idElemento="{{idgrupo}}">Editar</div>
                <div class="borrar" idElemento="{{idgrupo}}">Borrar</div>
            </td>
        </tr>
        </template>
		<template name="sin_resultados">
		<tr>
			<td colspan="3">No hay resultados para mostrar.</td>
		</tr>
		</template>
    </table>
    <script type="text/javascript">
        $(function(){
            $('.vehiculo_por_grupo').button();
            $('.editar').button( { icons: {primary: "ui-icon-note"} } ).bind('click', function() { editar($(this).attr('idElemento')); } );
            $('.borrar').button( { icons: {primary: "ui-icon-circle-close"} } ).bind('click', function() { borrar($(this).attr('idElemento')); } );
        });

        function editar(id)
        {
            document.location.href = '{{edit_action}}'+id;
        }

        function borrar(id)
        {
            $("#borrar").dialog({
                resizable: false,
                height:240,
                modal: true,
                buttons:
                {
                    "Borrar": function() {
                        $( this ).dialog( "close" );
                        document.location.href = '{{delete_action}}'+id;
                    },
                    "Cancelar": function() {
                        $( this ).dialog( "close" );
                    }
                }
            });
        }

    </script>
</template>